Another completely useless presentation
2024-03-28
This is a companion testflight of the former. In this slide, I will test some advanced features of reveal.js for my personal use. The features come mostly from Quarto-Revealjs. This is source repo.
🐈🐈🐈
🔗 LINK 내용을 잘 살펴보자.
format.scss: 전체적인 포맷customs.scss: 커스터마이즈theme-dark.scss, theme-light.scss: 테마 컬러 선택customs.scss 특화width: 100%, height: 100%width와 height를 키울수록 슬라이드의 기본 사이즈는 작아진다.format.scss를 참고하자._Extensions)--my-brightness를 조절해 섹션 헤더의 밝기를 조절하는 코드다..reveal .reveal-header .sc-title p,
.reveal .reveal-header .sb-title p {
font-size: max(10px, 1vw);
filter: brightness(0.85);
}--my-brightness를 조절해 헤더를 표시되지 않게 하는 것scss든 css든 불러올 수 있다.theme에서 불러오는 것이 대체로 제대로 먹힌다.customs.scss(🔗 LINK)가 적용되어 있다.
.reveal .reveal-header .sc-title 설정customs.scss에 있는 내용이 잘 작동하는가?
theme-dark.scss를 테마에 포함한다.yml에서 설정해주면 된다.# 제목 뒤에 {} 안에 설정하면 개별 슬라이드에서 통제 가능하다.
.unlisted: toc에서 뺀다..unnumbered: 번호를 뺀다.customs.scss에 아래와 같이 설정했다.scrollable: false로 설정left, width는 화면 크기와 해상도에 따라서 달라질 수 있다.right, height의 적당한 조절이 필요하다.customs.css에 slide-logo 관련 추가background-color="#303030"
{layout...} 내에서 css는 먹지 않는다.layout과 같은 수준에서 css를 먹이면 이 예시처럼 잘 먹는다.margin-x는 먹는데 다른 css는 먹지 않는다…margin-x 방법과 비슷하지만 미묘하게 다르게 작동한다.margin-x를 쓰도록 하자..unlisted: TOC에 올라가지 않는다..unnumbered: 번호가 매겨지는 경우 번호가 빠진다.visibility="uncounted": 페이지 카운트에서 제외된다.[...])을 지정해서 slide-number를 지울 수 있다.callout 1: Font SizeWarning
note, warning, important, tip, and caution.icon=false 옵션과 함께 쓰자. 아이콘 사이즈는 아직 줄이지 못했다…::: {.callout-warning icon="false" style="font-size: 80%;"}를 활용하도록 하자.callout 2: Customization중국집 메뉴
짜장면, 짬뽕, 볶음밥, 유니 짜장, 팔보채, 양장피
누룽지탕, 유린기, 깐풍기, 해삼주스
난 여기 화려한 박스를 칠꺼야~ 여기는 좀 더 평범한 박스!
This is Footer! | anarinsk